<template lang="pug">
.sidebar(data-color='blue')
  .logo
    a.simple-text(href='http://harttle.land')
      | 智能净水系统
  .sidebar-wrapper
    navbar-search(v-if='open')
    navbar-right(v-if='open', :mobile='true')
    ul.nav
      item(title='概览', icon='dashboard', href='/')
      item(title='监控', icon='content_paste', href='/monitor')
      item(title='日志', icon='history', href='/logs')
      item(title='设备', icon='devices', href='/devices')
      item(title='用户', icon='person', href='/users')
      item(title='地图', icon='location_on', href='/maps')
      item(title='通知', icon='notifications', href='/notifications')
      li(:class='{ "active-pro" : !open }')
        a(href='upgrade.html')
          i.material-icons unarchive
          p 联系我们
  .sidebar-background
</template>
<script>
import Item from './item'
import NavbarSearch from '@/components/Navigation/navbar-search'
import NavbarRight from '@/components/Navigation/navbar-right'

export default {
  props: {
    open: Boolean
  },
  components: {
    Item,
    NavbarSearch,
    NavbarRight
  }
}
</script>

<style lang="scss">
.sidebar-background {
  background-image: url('~images/sidebar-2.jpg')
}
</style>

